@import "../../../../global.less";

.close {
    float: right;
    transition: color .3s;
    margin: 6px 6px 0 0;
    cursor: pointer;

    &:hover {
        color: @primary-color ;
    }
}

.item {
    margin-top: 16px;
    padding: 0 8px;
    height: 24px;

    div {
        display: inline-block;
        height: 100%;
    }
}

.item-color {
    width: 64px;
    margin-right: 48px;
}

.item-name {
    line-height: 24px;
    font-weight: 600;
    vertical-align: top;
    width: 115px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.map-legend-header {
    margin-bottom: 24px;
}
